<!doctype html>
<html lang="zxx" xmlns:th="http://www.thymeleaf.org">
<head>
    <div th:include="comment :: commonheader"></div>
    <!-- Title -->
    <title>编程蛙--少儿编程</title>
</head>

<body>


<div th:replace="comment :: commondiv1"></div>


<!-- Start Page Title Area -->
<div class="page-title-area bg-8">
    <div class="container">
        <div class="page-title-content">
            <h2>登录</h2>
            <ul>
                <li>
                    <a th:href="@{/userpage}" >
                        个人主页
                    </a>
                </li>

                <li class="active">登录</li>
            </ul>
        </div>
    </div>
</div>
<!-- End Page Title Area -->

<!-- Start Log In Area -->
<section class="user-area-style ptb-100">
    <div class="container">
        <div class="log-in-area">
            <div class="section-title">
                <h2>登录</h2>
            </div>

            <div class="contact-form-action">
                <form method="post" th:action="@{/login}">
                    <div class="row">
                        <div class="col-12">
                            <div style="color: red" th:text="${msg}" ></div>
                            <div class="form-group">
                                <label>用户名</label>
                                <input class="form-control" type="text" name="name" placeholder="用户名" >
                            </div>
                        </div>

                        <div class="col-12">
                            <div class="form-group">
                                <label>密码</label>
                                <input class="form-control" type="password" name="password" placeholder="6-18位密码">
                            </div>
                        </div>

                        <div class="col-12">
                            <div class="login-action">
										<span class="log-rem">
											<input id="remember" type="checkbox">
											<label for="remember">记住密码</label>
										</span>
                                <span class="forgot-login">
											<a href="#">忘记密码？</a>
								</span>
                            </div>
                        </div>

                        <div class="col-12">
                            <button class="default-btn" type="submit">
                                点击登录
                            </button>
                        </div>

                        <div class="col-12">
                            <p>还没有账号？ <a th:href="@{/registration}" >点我注册！</a></p>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>

<div th:include="comment :: commonscript"></div>
</body>
</html>